@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; font-family: "微软雅黑";}

img{ border:none;padding:0;margin:0; vertical-align:bottom; max-width: 100%;}

li{ list-style:none;}

a{ text-decoration:none;}

.fl{float: left;}

.fr{float: right;}

.clearfix{clear: both;font-size: 0;}



#nb_icon_wrap{display: none!important;}





.top{width: 100%; height: 22px; background: url(topnav.jpg) repeat; font-size: 12px; color: #fff; line-height: 22px; padding-top:3px; overflow:hidden}

.top ul{width: 1200px; margin: auto;}

.top a{color: #fff;}

.top a:hover{color: #fff;}

.logo{width: 1200px; height: 140px; margin: auto;}

.logo1{width: 520px; height: 100px; float: left; margin-top:15px;}

.tel{width: 340px; height: 74px; float: right; margin-top: 30px;}

.tel i{display: block; width: 90px; height: 74px; float: left; margin-right: 10px;}

.tel p{height: 34px; line-height: 38px; font-size: 18px; color: #201713;}

.tel a{display: block;height: 40px; line-height: 40px; font-size: 40px; color: #201713; font-family: "黑体";}

.nav{width: 100%; height: 60px; background-size: 100%; background: url(navbg.png) repeat;}

.nav ul{width: 1200px; margin: auto;}

.nav ul li{width: 130px; height: 60px; float: left; text-align: center; line-height: 60px; position: relative;}

.nav ul li a{display: block;width: 150px; height: 60px; color: #fff; font-size: 16px;}

.nav ul li a:hover{background: #e7ae23; color: #201713;}

.nav ul li p{ position: absolute; left: 0; top: 60px; background: #e7ae23; display: none; z-index: 10;}

.nav ul li:hover p{display: block;}



.banner{width: 100%; height: 600px; position: relative;margin: auto; overflow: hidden;}

.banner1 a{display: block; width: 100%; height: 560px; vertical-align: middle;}

.banner2{width: 100px; height: 32px; position: absolute; left: 50%; margin-left: -50px; top: 475px;}

.banner2 li{display: block; width: 20px; height: 32px; cursor: pointer;}



.dbt{width: 600px; height: 86px; margin:30px auto 0; text-align: center;}

.dbt h4{display: inline-block;width:360px; font-size: 28px; color: #222222; line-height: 60px; height: 60px; background:url(h4bg.png) no-repeat right; /*border: 1px solid #999999;*/ font-weight: normal; position: relative;}

.dbt i{display: block; width: 140px; height: 1px; background: #e7ae23; position: absolute; top: 25px;}

.dbt1{left: -100px;}

.dbt2{right: -100px;}

.dbt p{height: 34px; line-height: 34px; text-align: center; font-size: 24px; color: #e7ae23; text-transform: uppercase;}



.pptx{width: 1200px; height: 500px; margin:40px auto 0;}

.pptx a{display: block; width: 300px; height: 320px; text-align: center; float: left;}

.pptx a i{display: block; width: 182px; height: 182px; margin: auto;}

.pptx a h5{display: block; height: 70px; line-height: 76px; font-weight: normal; font-size: 24px; color: #222222;}

.pptx a p{font-size: 16px; color: #777777; line-height: 24px; padding: 0 40px;}



.tpdz{width: 1200px; min-height: 34px; margin:20px auto 0; overflow:hidden}

.tpdz a{
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #333;
	font-size: 14px;
	margin-right: 20px;
	border:#005a3c 1px solid;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.tpdz a:hover{background: #005a3c; color: #fff;}

.tpdz a.gd{background: #005a3c; color: #fff;}

.tpdz1{ width: 1225px; height: 710px; margin:45px auto 0;}

.tpdz1 a{display: block; width: 290px; height: 350px; float: left; margin-left: 13px;}

.tpdz1 a i{display: block; width: 288px; height: 288px; background: url(cp000.jpg); background-size: 100%; border: 1px solid #005a3c;}

.tpdz1 a img{width:288px;height:288px}

.tpdz1 a p{height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #222222;}


.tpdz01{ width: 1225px; height: 356px; margin:45px auto 0;}

.tpdz01 a{display: block; width: 290px; height: 350px; float: left; margin-left: 13px;}

.tpdz01 a i{display: block; width: 288px; height: 288px; background: url(cp000.jpg); background-size: 100%; border: 1px solid #005a3c;}

.tpdz01 a img{width:288px;height:288px}

.tpdz01 a p{height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #222222;}


.tpdz02{ width: 1225px; height: 1420px; margin:45px auto 0;}

.tpdz02 a{display: block; width: 290px; height: 350px; float: left; margin-left: 13px;}

.tpdz02 a i{display: block; width: 288px; height: 288px; background: url(cp000.jpg); background-size: 100%; border: 1px solid #005a3c;}

.tpdz02 a img{width:288px;height:288px}

.tpdz02 a p{height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #222222;}


.tpdz2{ width: 1225px; height: 210px; margin:45px auto 0;}

.tpdz2 a{display: block; width: 290px; height: 350px; float: left; margin-left: 13px;}

.tpdz2 a i{display: block; width: 288px; height: 288px; background: url(cp000.jpg); background-size: 100%; border: 1px solid #005a3c;}

.tpdz2 a img{width:288px;height:288px}

.tpdz2 a p{height: 54px; line-height: 54px; text-align: center; font-size: 18px; color: #222222;}



.sdys{width: 100%; height: 650px; background: url(bge1.jpg) no-repeat; margin: auto; margin-top: 30px; padding-top: 1px;}

.sdys1{width: 1200px; margin:45px auto 0;}

.sdys1 ul{width: 345px;}

.sdys1 ul li{width: 345px; height: 212px;}

.sdys1 ul li i{display: block; width: 60px; height: 212px; float: left; margin-right: 15px;}

.sdys1 ul li h5{height: 38px; line-height: 38px; font-size: 20px; color: #222222; font-weight:blod;}

.sdys1 ul li p{line-height: 30px; font-size: 16px; color: #666; margin-top: 5px;}

.sdys2{width: 470px; height: 400px; margin-left: 10px;}



.yzszd{width: 1224px; height: 490px; margin:35px auto 0;}

.yzszd1{width: 1200px; height: 150px; margin: auto;}

.yzszd1 li{width: 240px; height: 150px; float: left; text-align: center;}

.yzszd1 li i{display: block; width: 66px; height: 66px; margin: auto;}

.yzszd1 li p{height: 55px; line-height: 55px; font-size: 18px; color: #323232;}

.yzszd2{width: 1224px; height: 260px;}

.yzszd2 li{width: 390px; height: 260px; float: left; position: relative; margin-left: 12px;-moz-box-shadow: 0px 0px 10px #888888;box-shadow: 0px 0px 10px #888888;}

.yzszd2 li i{display: block; width: 390px; height: 260px;}

.yzszd2 li p{width: 360px; height: 100px; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; color: #fff; font-size: 14px; line-height: 24px; padding: 0 15px;}

.yzszd2 li p span{display: block; height: 40px; line-height: 46px; font-size: 18px;}



.jytd{width: 100%; height: 888px; background: #3a434d; padding-top: 1px;}

.jytd1{width: 1258px; margin:50px auto 0;}

.jytd1 li{width: 277px; height: 350px; float: left; margin-left: 30px;}

.jytd1 li i{display: block; width: 277px; height: 231px;}

.jytd1 li p{font-size: 16px; color: #ffffff; line-height: 25px; margin-top: 5px;}



.hzhb{width: 100%; height: 690px; background: #f5f5f5; padding-top: 1px;}

.hzhb1{width: 1200px; height: 470px; margin:30px auto 0;}

/*--跑马灯效果--*/

#marquee1{width:1200px;height:300px;overflow:hidden;margin:20px auto 0; margin-bottom:20px}

#marquee1 ul li{float:left; padding:0 4px;}

#marquee1 ul li img{display:block; width:288px; height:288px;}



.shuoming{ text-align:center; margin-top:30px; }

.shuoming p{ height:40px; font-size:18px;  line-height:40px;}

.footer{width: 100%; height: 400px; background:url(footer_bg.png) repeat; padding-top:20px;}

.footer1{width: 1200px; height: 300px; margin: auto; border-bottom: 1px solid #999999;}

.footer11{height: 205px; margin-top: 25px; font-size: 16px; color: #999999; line-height: 30px; float: left; margin-left: 35px;}

.footer11 a{display: block; font-size: 12px; color: #999999;}

.footer12{height: 205px; margin-top: 30px; font-size: 21px; color: #999999; line-height: 40px; float: left; margin-left: 60px;}

.footer12 a{display: block; font-size: 40px; color: #999999; line-height: 60px;}

.footer13{width: 140px; height: 140px; float: right; margin-top: 35px; margin-right: 15px;}

.footer2{width: 1200px; height: 98px; margin: auto;}

.footer21{ margin-top: 20px; font-size: 12px; color: #999999; line-height: 30px; float: left; margin-left: 35px;}

.footer21 a{display: block; color: #999999;}

.footer22{float: right; margin-top: 20px; margin-right: 35px;}







/*新闻列表*/

.main_ny{width: 100%; padding: 50px 0;}

.position{width: 1180px; height: 30px; line-height: 30px; font-size: 18px; margin: auto; color: #000; background: url(about_05.png) no-repeat left center;}

.position a{color: #000;}

.main_ny_nav{width: 1180px; height: 30px; margin:50px auto; text-align: center;}

.main_ny_nav a{display: inline-block; height: 50px; line-height: 50px; padding: 0 40px; background: #333; color: #fff; margin: 0 10px;}

.main_ny_nav a:hover,.main_ny_nav a.hover{background: #005a3c;}

.main_ny_news{width: 1180px; margin: auto; padding-top: 1px;}

.main_ny_news a{display: block; width: 1178px; height: 180px; border: 1px solid #aaaaaa; margin-top: 20px; background: rgba(255,255,255,0.3); border-radius: 5px;}

.main_ny_news a i{display: block; width: 200px; height: 150px; float: left; margin: 15px 15px 0 15px;}

.main_ny_news a h4{display: block; width: 940px; height: 30px; line-height: 30px; font-size: 18px; color: #000; font-weight: normal; float: left; margin-top: 20px;}

.main_ny_news a span{display: block; width: 940px; height: 30px; float: left; line-height: 30px; color: #999; font-size: 12px;}

.main_ny_news a p{ width: 940px; float: left; font-size: 14px; color: #666; line-height: 30px;}

.main_ny_news a:hover{box-shadow: -1px 4px 8px 2px #ccc;-webkit-box-shadow: -1px 4px 8px 2px #ccc;}



.pagination-wrapper{margin: 50px 0;}

.pagination{height: 34px;text-align: center;}

.pagination li{display: inline-block;height: 32px;line-height: 32px;font-size: 16px;margin-right: 5px; cursor: pointer;padding: 0 12px;border: 1px solid #aaaaaa;text-decoration: none;}

.pagination li a{display: block;color: #555555;}

.pagination li:hover{background: #005a3c;color: #fff;}

.pagination li:hover a{color: #fff;color: #fff;}

.pagination li.thisclass{background: #005a3c;color: #fff;}

.pagination li.thisclass a,

.pagination li.thisclass a:hover{background: transparent;border-color: #005a3c;color: #fff;cursor: default;}





/*文章列表*/

.main_ny_arc{width: 1180px; margin:50px auto; background: rgba(255,255,255,0.5); padding: 50px 20px;}

.main_ny_arc .main_ny_arc_l{ float:left;width:800px;text-align:justify;line-height:30px;color:#666;font-size:16px;}

.main_ny_arc .main_ny_arc_l h3{	font-size:24px;	color:#000;	text-align:center;	font-weight:normal;}

.main_ny_arc .main_ny_arc_l h6{	color:#999;	font-weight:normal;	text-align:center;	line-height:60px;}

.main_ny_arc .main_ny_arc_l p{text-indent:2em;margin-bottom:10px;}

.main_ny_arc .main_ny_arc_l img{width:100%;margin-bottom:40px;}

.main_ny_arc .main_ny_arc_l .link{margin-top:40px;}

.main_ny_arc .main_ny_arc_l .link_1 a{color:#333;}

.main_ny_arc .main_ny_arc_l .link_1 span{color:#000;font-weight:bold;}

.main_ny_arc .main_ny_arc_l .link_1 a:hover{color:#005a3c;text-decoration:underline;}

.main_ny_arc .rec{	float:right; width:318px;border:1px #ddd solid;padding-bottom:30px;}

.main_ny_arc .rec .biaoti{color:#d7000f;line-height:68px;display:block;margin-left:auto;margin-right:auto;margin-bottom:15px;border-bottom:1px #ddd dashed;width:290px;}

.main_ny_arc .rec .recommend{	margin:10px 15px;}

.main_ny_arc .rec .xx{width:120px;height:90px;overflow:hidden;float:left;margin-right:10px;}

.main_ny_arc .rec .recommend img{	width:100%;}

.main_ny_arc .rec .recommend .conl{float:left;width:158px;}

.main_ny_arc .rec .conl a{display:block;font-size:16px;color:#333;width:158px;overflow:hidden;white-space:nowrap;	text-overflow: ellipsis;}

.main_ny_arc .rec .conl a:hover{color:#d7000f;}

.main_ny_arc .rec .conl span{	font-size:10px;	color:#ccc;	line-height:20px;display:block;}

.main_ny_arc .rec .conl .small{white-space:initial;overflow : hidden;	text-overflow: ellipsis;display: -webkit-box;word-break: break-all;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:12px;color:#999;	line-height:20px;width:158px;}



/*频道页*/

.main_ny_index{width: 1180px; margin: auto; background: rgba(255,255,255,0.5); padding: 50px 20px;text-align:justify;line-height:32px;color:#333;font-size:16px;}

.main_ny_index p{text-indent:2em;}

.picture{width:1140px;margin-top:60px;margin-left:auto;margin-right:auto;}

.picture img{display:block;float:left;width:240px;margin-right:10px;}





/*图片列表*/

.main_ny_pic{width: 1200px; margin: auto;}

.main_ny_pic a{display: block; width: 374px; height: 350px; float: left; margin: 20px 0 0 20px; background: rgba(255,255,255,0.5);}

.main_ny_pic a i{display: block; width: 374px; height: 224px; overflow: hidden;}

.main_ny_pic a i img{width: 100%;}

.main_ny_pic a p{height: 50px; line-height: 50px; font-size: 20px; color: #000; padding-left: 20px;}

.main_ny_pic a span{display: block; font-size: 16px; color: #666; line-height: 24px; padding: 0 20px;}





.consult_contact{position:fixed;bottom:22%;right:0;width:114px;height:114px;cursor:pointer;}

.consult_wrap{position:relative;width:114px;height:114px;}

.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#3091f2;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}

.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}

.consult_contact .staff_img{z-index:999;}

@keyframes ballRotate{0%{transform:rotate(0);}

 100%{transform:rotate(360deg);}

}

.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}

@keyframes bg2Animation{0%{opacity:0;}

 50%{opacity:1;}

 100%{opacity:0;}

}

.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}

.consult_contact:hover .tip{display:block;}




/*---客服--*/

.main-im {
	position: fixed;
	right: 10px;
	top: 300px;
	z-index: 100;
	width: 110px;
	height: 272px
}
.main-im .qq-a {
	display: block;
	width: 106px;
	height: 116px;
	font-size: 14px;
	color: #0484cd;
	text-align: center;
	position: relative
}
.main-im .qq-a span {
	bottom: 5px;
	position: absolute;
	width: 90px;
	left: 10px
}
.main-im .qq-hover-c {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 18px;
	top: 10px;
	overflow: hidden;
	z-index: 9
}
.main-im .qq-container {
	z-index: 99;
	position: absolute;
	width: 109px;
	height: 118px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ddd;
	background: url(qq-icon-bg.png) no-repeat center 8px
}
.main-im .img-qq {
	max-width: 60px;
	display: block;
	position: absolute;
	left: 6px;
	top: 3px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.main-im .im-qq:hover .img-qq {
	max-width: 70px;
	left: 1px;
	top: 8px;
	position: absolute
}
.main-im .im_main {
	background: #f9fafb;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #f9fafb;
	display: none
}
.main-im .im_main .im-tel {
	color: #000;
	text-align: center;
	width: 109px;
	height: 105px;
	border-bottom: 1px solid #ddd
}
.main-im .im_main .im-tel div {
	font-weight: 700;
	font-size: 12px;
	margin-top: 6px
}
.main-im .im_main .im-tel .tel-num {
	font-family: Arial;
	font-weight: 700;
	color: #e66d15
}
.main-im .im_main .im-tel:hover {
	background: #fafafa
}
.main-im .im_main .weixing-container {
	width: 55px;
	height: 47px;
	border-right: 1px solid #ddd;
	background: #f5f5f5;
	border-bottom-left-radius: 10px;
	background: url(weixing-icon.png) no-repeat center center;
	float: left
}
.main-im .im_main .weixing-show {
	width: 112px;
	height: 172px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
	position: absolute;
	left: -125px;
	top: -126px
}
.main-im .im_main .weixing-show .weixing-sanjiao {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px;
	left: 112px;
	top: 134px;
	position: absolute;
	z-index: 2
}
.main-im .im_main .weixing-show .weixing-sanjiao-big {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #ddd;
	border-width: 8px;
	left: 112px;
	top: 132px;
	position: absolute
}
.main-im .im_main .weixing-show .weixing-ma {
	width: 104px;
	height: 103px;
	padding-left: 5px;
	padding-top: 5px
}
.main-im .im_main .weixing-show .weixing-txt {
	position: absolute;
	top: 110px;
	left: 7px;
	width: 100px;
	margin: 0 auto;
	text-align: center
}
.main-im .im_main .go-top {
	width: 50px;
	height: 47px;
	background: #f5f5f5;
	border-bottom-right-radius: 10px;
	background: url(totop-icon.png) no-repeat center center;
	float: right
}
.main-im .im_main .go-top a {
	display: block;
	width: 52px;
	height: 47px
}
.main-im .close-im {
	position: absolute;
	right: 10px;
	top: -12px;
	z-index: 100;
	width: 24px;
	height: 24px
}
.main-im .close-im a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(close_im.png) no-repeat left top
}
.main-im .close-im a:hover {
	text-decoration: none
}
.main-im .open-im {
	cursor: pointer;
	margin-left: 68px;
	width: 40px;
	height: 133px;
	background: url(open_im.png) no-repeat left top
}